$(function () {
    $("#refreshSession").click(function () {
        location.reload();
    });
    try {
      $('#sessionTimeOutModal').on('shown.bs.modal', function () {
    	  $('#sessionTimeout').focus();
      });
    } catch (e) {
      //This is for the MainTemplate which uses jQuery 1.5
      $('#sessionTimeOutModal').live('shown.bs.modal', function () {
    	  $('#sessionTimeout').focus();
      });
    }
});

function popup() {
    $("#sessionTimeOutModal").modal("show");
    startTimer(60, '#timeOutCounter', logoffUrl);
}

var handleTimeout;
var observer = new MutationObserver(function (mutations) {
    for (var i = 0; i < mutations.length; i++){
        if(!checkMutation(mutations[i])){
            if((mutations.length - 1) === i){
                if (handleTimeout == undefined) {
                    window.clearTimeout(handleTimeout);
                    handleTimeout = window.setTimeout(popup, sessionInterval * 1000 - 65000);
                }
            }
        }
        else if(checkMutation(mutations[i])){
            break;
        }
    }

});

var observerConfig = {
    attributes: false,
    childList: true,
    subtree: true,
    characterData: false
};

if(typeof targetNode != "undefined") {
  observer.observe(targetNode, observerConfig);
}

function checkMutation(mutation) {
    if(mutation.addedNodes.length > 0){
        if(mutation.target.id === 'timeOutCounter'){
          return true;
        }
    }
    return false;
}

$('#refreshSession').on( 'keydown', function( e ) {
    if( e.keyCode === 9 ) {
    	$('#sessionTimeout').focus();
    }
} );

$('#refreshSession').on( 'keydown', function( e ) {
    if( e.shiftKey && e.keyCode === 9 ) {
    	$('#cancelSession').focus();
    }
} );

$('#sessionTimeout').on( 'keydown', function( e ) {
    if( e.shiftKey && e.keyCode === 9 ) {
    	$('#refreshSession').focus();
    }
} );